﻿<MNavigationDrawer Permanent Class="rounded-4" Width="300" Style="overflow: visible;">
    <MButton Class="ma-6 rounded-pill" Style="width:-webkit-fill-available;" Dark Color="primary" OnClick="() => visible = true">Add Task</MButton>
    <MList Routable Dense Class="remover-ripple">
        <TodoNavItem Href="/app/todo" Icon="mdi-email-outline" Title="My Task"></TodoNavItem>
        <TodoNavItem Href="/app/todo/important" Icon="mdi-star-outline" Title="Important"></TodoNavItem>
        <TodoNavItem Href="/app/todo/completed" Icon="mdi-check" Title="Completed"></TodoNavItem>
        <TodoNavItem Href="/app/todo/deleted" Icon="mdi-delete-outline" Title="Deleted"></TodoNavItem>

        <MRow NoGutters Justify="JustifyTypes.SpaceBetween">
            <MSubheader Class="px-6 my-6 text-subtitle neutral-lighten-4--text">Tags</MSubheader>
            <MIcon Class="px-6 my-6" Small Color="#A3AED0">fas fa-plus</MIcon>
        </MRow>

        <TodoNavItem Href="/app/todo/team" Icon="fas fa-circle" IconColor="purple" Title="Team"></TodoNavItem>
        <TodoNavItem Href="/app/todo/low" Icon="fas fa-circle" IconColor="#05CD99" Title="Low"></TodoNavItem>
        <TodoNavItem Href="/app/todo/medium" Icon="fas fa-circle" IconColor="#FFB547" Title="Medium"></TodoNavItem>
        <TodoNavItem Href="/app/todo/high" Icon="fas fa-circle" IconColor="#FF5252" Title="High"></TodoNavItem>
        <TodoNavItem Href="/app/todo/update" Icon="fas fa-circle" IconColor="#4318FF" Title="Update"></TodoNavItem>
    </MList>
</MNavigationDrawer>

<TodoDetail @bind-Value="visible" SelectItem=null></TodoDetail>

@code {
    bool visible;
}
